<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            用户中心
        </ion-title>
        <!--<ion-buttons end>-->
        <!--<button ion-button (click)="logout()">-->
        <!--注销-->
        <!--</button>-->
        <!--</ion-buttons>-->
    </ion-navbar>
</ion-header>
<ion-content>
    <!-- 头部开始 -->
    <div class="pc-top" padding>
        <div class="pc-top-box" padding-left padding-right>
            <div class="ht-100 ht-border-bottom ht-overflow flex flex-align-center" padding-top padding-bottom *ngIf="userInfo.head_img">
                <div class="ht-30 ht-float-left">
                    <img [src]="util.parseImageUrl(userInfo.head_img)" alt="" class="pc-top-tx">
                </div>
                <div class="ht-70 ht-float-left">
                    <div class="ht-100 ht-overflow ht-padding-top10">
                        <span class="pc-top-span">{{userInfo.nickname}}</span>
                        <img src="assets/imgs/icon-cs.png" class="pc-top-icon">
                    </div>
                    <div class="ht-100 ht-overflow ht-padding-top4">

                        <span class="ht-yc ht-font-12 ht-font-f29603">信用值：{{userInfo.credit_line}}</span>
                    </div>
                </div>
            </div>
            <div class="ht-100 ht-border-bottom ht-overflow flex flex-align-center" padding-top padding-bottom *ngIf="!userInfo.head_img"
                (click)="goPage('LoginPage')">
                <div class="ht-30 ht-float-left">
                    <img [src]="util.parseImageUrl(config.webUrl+'/assets/imgs/face-holder.png')" alt="" class="pc-top-tx">
                </div>
                <div class="ht-70 ht-float-left">
                    <div class="ht-100 ht-overflow ht-padding-top10">
                        <span class="pc-top-span">点击登录</span>
                        <img src="assets/imgs/icon-cs.png" class="pc-top-icon">
                    </div>
                </div>
            </div>
            <div class="ht-100 ht-overflow" padding>
                <div class="ht-50 ht-float-left" (click)="pageRedirect('InformationStylePage',{'backPage':'InformationStylePage'})">
                    <img src="assets/imgs/pc-fb.png" alt="" class="pc-top-img">
                    <span class="ht-100 ht-inline-block ht-font-15 ht-333 ht-text-center ht-line-35">我要发布</span>
                </div>
                <div class="ht-50 ht-float-left" (click)="pageRedirect('TaskPage',{'backPage':'TaskPage'})">
                    <img src="assets/imgs/pc-zq.png" alt="" class="pc-top-img">
                    <span class="ht-100 ht-inline-block ht-font-15 ht-333 ht-text-center ht-line-35">我要赚钱</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <div class="ht-f1f1f1">
        <!-- 图标组开始 -->
        <div class="ht-100 ht-background ht-overflow ht-text-center ht-font-13 ht-333 ht-margin-bottom" padding>
            <div class="ht-25 ht-float-left" (click)="pageRedirect('RegisterPage',{'backPage':'RegisterPage'})">
                <img src="assets/imgs/pc-zc.png" alt="" class="pc-tb">注册信息
            </div>
            <div class="ht-25 ht-float-left" (click)="pageRedirect('PersonResumePage',{'backPage':'PersonResumePage'})">
                <img src="assets/imgs/pc-jl.png" alt="" class="pc-tb">我的简历
            </div>
            <div class="ht-25 ht-float-left" (click)="pageRedirect('MoneyPage',{'backPage':'MoneyPage'})">
                <img src="assets/imgs/pc-qb.png" alt="" class="pc-tb">我的钱包
            </div>
            <!--<div class="ht-20 ht-float-left" [navPush]="'CreditValuePage'">-->
            <!--<img src="assets/imgs/pc-xy.png" alt="" class="pc-tb">我的信用-->
            <!--</div>-->
            <div class="ht-25 ht-float-left" (click)="pageRedirect('PersonBondPage',{'backPage':'PersonBondPage'})">
                <img src="assets/imgs/pc-bz.png" alt="" class="pc-tb">保证金
            </div>
        </div>

        <!-- 图标组结束 -->
        <!-- 关于信息 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <img src="assets/imgs/pc-xx.png" alt="" class="pc-icon">
                <span class="ht-float-left">关于信息</span>
                <span class="ht-float-right ht-999 ht-font-16" (click)="dropDown('information')">
                    <ion-icon name="ios-arrow-down"></ion-icon>
                </span>
            </div>
            <!-- 我的信息 -->
            <div *ngIf="util.inArray(this.showName,'information')>-1">
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right [navPush]="'PersonMessagePage'">
                    <img src="assets/imgs/pc-xx-xx.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的信息</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的付费转发 -->
                <!--<div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right-->
                <!--(click)="pageRedirect('PersonSharePage',{backPage:'PersonSharePage',kind:'information',cat:'pay'})">-->
                <!--<img src="assets/imgs/pc-xx-ff.png" alt="" class="pc-icon">-->
                <!--<span class="ht-float-left">我的付费转发</span>-->
                <!--<span class="ht-float-right ht-999 ht-font-16">-->
                <!--<ion-icon name="ios-arrow-forward"></ion-icon>-->
                <!--</span>-->
                <!--</div>-->
                <!-- 我的收费转发 -->
                <!--<div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right-->
                <!--(click)="pageRedirect('PersonSharePage',{backPage:'PersonSharePage',kind:'information',cat:'charge'})">-->
                <!--<img src="assets/imgs/pc-xx-sf.png" alt="" class="pc-icon">-->
                <!--<span class="ht-float-left">我的收费转发</span>-->
                <!--<span class="ht-float-right ht-999 ht-font-16">-->
                <!--<ion-icon name="ios-arrow-forward"></ion-icon>-->
                <!--</span>-->
                <!--</div>-->
                <!-- 我的收藏 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonCollecttaskPage',{backPage:'PersonCollecttaskPage',kind:'information'})">
                    <img src="assets/imgs/pc-xx-sc.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的收藏</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的转发 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonTranspondPage',{backPage:'PersonTranspondPage'})">
                    <img src="assets/imgs/pc-xx-zf.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的转发</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的付费查看 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonPaySeePage',{backPage:'PersonPaySeePage'})">
                    <img src="assets/imgs/pc-xx-ck.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的付费查看</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
            </div>

        </div>
        <!-- 关于任务 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <img src="assets/imgs/pc-rw.png" alt="" class="pc-icon">
                <span class="ht-float-left">关于任务</span>
                <span class="ht-float-right ht-999 ht-font-16" (click)="dropDown('task')">
                    <ion-icon name="ios-arrow-down"></ion-icon>
                </span>
            </div>
            <!-- 我的悬赏任务 -->
            <div *ngIf="util.inArray(this.showName,'task')>-1">
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonRewardPage',{backPage:'PersonRewardPage'})">
                    <img src="assets/imgs/pc-rw-rw.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的悬赏任务</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的付费转发 -->
                <!--<div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right-->
                <!--(click)="pageRedirect('PersonSharePage',{backPage:'PersonSharePage',kind:'mission',cat:'pay'})">-->
                <!--<img src="assets/imgs/pc-xx-ff.png" alt="" class="pc-icon">-->
                <!--<span class="ht-float-left">我的付费转发</span>-->
                <!--<span class="ht-float-right ht-999 ht-font-16">-->
                <!--<ion-icon name="ios-arrow-forward"></ion-icon>-->
                <!--</span>-->
                <!--</div>-->
                <!-- 我的收费转发 -->
                <!--<div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right-->
                <!--(click)="pageRedirect('PersonSharePage',{backPage:'PersonSharePage',kind:'mission',cat:'charge'})">-->
                <!--<img src="assets/imgs/pc-xx-sf.png" alt="" class="pc-icon">-->
                <!--<span class="ht-float-left">我的收费转发</span>-->
                <!--<span class="ht-float-right ht-999 ht-font-16">-->
                <!--<ion-icon name="ios-arrow-forward"></ion-icon>-->
                <!--</span>-->
                <!--</div>-->
                <!-- 我的收藏 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonCollecttaskPage',{backPage:'PersonCollecttaskPage',kind:'mission'})">
                    <img src="assets/imgs/pc-xx-sc.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的收藏</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我要报名 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonMissionApplyPage',{backPage:'PersonMissionApplyPage'})">
                    <img src="assets/imgs/pc-rw-bm.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的报名</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我接到的任务 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonReceivetaskPage',{backPage:'PersonSharePage'})">
                    <img src="assets/imgs/pc-rw-js.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我接到的任务</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我完成的任务 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonFinishtaskPage',{backPage:'PersonFinishtaskPage'})">
                    <img src="assets/imgs/pc-rw-wc.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我完成的任务</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
            </div>

        </div>
        <!-- 人才库（简历类） -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <img src="assets/imgs/pc-rck.png" alt="" class="pc-icon">
                <span class="ht-float-left">人才库（简历类）</span>
                <span class="ht-float-right ht-999 ht-font-16" (click)="dropDown('resume')">
                    <ion-icon name="ios-arrow-down"></ion-icon>
                </span>
            </div>
            <div *ngIf="util.inArray(this.showName,'resume')>-1">
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonCollecttaskPage',{backPage:'PersonCollecttaskPage',kind:'resume'})">
                    <img src="assets/imgs/pc-xx-sc.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的收藏</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
            </div>

        </div>

        <!-- 关于论坛 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <img src="assets/imgs/pc-lt.png" alt="" class="pc-icon">
                <span class="ht-float-left">关于论坛</span>
                <span class="ht-float-right ht-999 ht-font-16" (click)="dropDown('bbs')">
                    <ion-icon name="ios-arrow-down"></ion-icon>
                </span>
            </div>
            <div *ngIf="util.inArray(this.showName,'bbs')>-1">
                <!-- 我的发言 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('MyReleasePage',{backPage:'MyReleasePage'})">
                    <img src="assets/imgs/pc-lt-fy.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的发言</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的分享 -->
                <!--<div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('MySharePage',{backPage:'MySharePage'})">-->
                <!--<img src="assets/imgs/pc-lt-fx.png" alt="" class="pc-icon">-->
                <!--<span class="ht-float-left">我的分享</span>-->
                <!--<span class="ht-float-right ht-999 ht-font-16">-->
                <!--<ion-icon name="ios-arrow-forward"></ion-icon>-->
                <!--</span>-->
                <!--</div>-->
                <!-- 我的评论 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('CommentPage',{backPage:'CommentPage'})">
                    <img src="assets/imgs/pc-lt-pl.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的评论</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的回复 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('MyReplyPage',{backPage:'MyReplyPage'})">
                    <img src="assets/imgs/pc-lt-hf.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的回复</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的点赞 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('MyZanPage',{backPage:'MyZanPage'})">
                    <img src="assets/imgs/pc-lt-z.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的点赞</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
            </div>

        </div>

        <!-- 关于资讯 故事 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <img src="assets/imgs/pc-zx.png" alt="" class="pc-icon">
                <span class="ht-float-left">关于资讯、故事</span>
                <span class="ht-float-right ht-999 ht-font-16" (click)="dropDown('story')">
                    <ion-icon name="ios-arrow-down"></ion-icon>
                </span>
            </div>
            <div *ngIf="util.inArray(this.showName,'story')>-1">
                <!-- 我的收藏 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('CollectionPage',{backPage:'CollectionPage'})">
                    <img src="assets/imgs/pc-xx-sc.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的收藏</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的评论 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('MyStoryCommentPage',{backPage:'MyStoryCommentPage'})">
                    <img src="assets/imgs/pc-lt-pl.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的评论</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的回复 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('MyStoryReplyPage',{backPage:'MyStoryReplyPage'})">
                    <img src="assets/imgs/pc-lt-hf.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的回复</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
            </div>

        </div>

        <!-- 操作指南，开店指南 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <img src="assets/imgs/pc-zx.png" alt="" class="pc-icon">
                <span class="ht-float-left">关于操作指南、开店指南、代办、其它</span>
                <span class="ht-float-right ht-999 ht-font-16" (click)="dropDown('operation')">
                    <ion-icon name="ios-arrow-down"></ion-icon>
                </span>
            </div>
            <div *ngIf="util.inArray(this.showName,'operation')>-1">
                <!-- 我的收藏 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('PersonCollecttaskPage',{backPage:'PersonCollecttaskPage',kind:'guide'})">
                    <img src="assets/imgs/pc-xx-sc.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的收藏</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的评论 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('GuidePage',{backPage:'GuidePage'})">
                    <img src="assets/imgs/pc-lt-pl.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的评论</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
                <!-- 我的回复 -->
                <div class="ht-100 ht-overflow ht-border-bottom ht-padding-7 ht-333 pc-padding-left" padding-right (click)="pageRedirect('GuideReplyPage',{backPage:'GuideReplyPage'})">
                    <img src="assets/imgs/pc-lt-hf.png" alt="" class="pc-icon">
                    <span class="ht-float-left">我的回复</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </div>
            </div>

        </div>


        <!-- 我的消息 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right [navPush]="'PersonMyMessagePage'">
                <img src="assets/imgs/pc-xiaoxi.png" alt="" class="pc-icon">
                <span class="ht-float-left">我的消息</span>
                <span class="ht-float-right ht-999 ht-font-16">
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </span>
            </div>
        </div>
        <!-- 帮助 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right (click)="goPage('OperationPage',{nav_id:24})">
                <img src="assets/imgs/pc-bangzhu .png" alt="" class="pc-icon">
                <span class="ht-float-left">帮助</span>
                <span class="ht-float-right ht-999 ht-font-16">
                    <ion-icon name="ios-arrow-forward"></ion-icon>
                </span>
            </div>
        </div>
        <!-- 联系客服 -->
        <div class="ht-100 ht-background ht-overflow ht-margin-bottom">
            <div class="ht-100 ht-overflow ht-border-bottom ht-padding-tb ht-333" padding-left padding-right>
                <a href="tel:0351-6666669">
                    <img src="assets/imgs/pc-kf.png" alt="" class="pc-icon">
                    <span class="ht-float-left">联系客服</span>
                    <span class="ht-float-right ht-999 ht-font-16">
                        <ion-icon name="ios-arrow-forward"></ion-icon>
                    </span>
                </a>
            </div>
        </div>
    </div>
</ion-content>
<ion-footer>
    <tabs [page]="'member'"></tabs>
</ion-footer>
<!--保证金弹出层-->
<div class="b-bg" *ngIf="false">
    <div class="b-box">
        <div class="ht-100 ht-overflow ht-padding-bottom10">
            <img src="assets/imgs/b-gb.png" alt="" class="b-icon">
        </div>
        <div class="bg-bg">
            <div class="b-title">保证金</div>
            <div class="b-total">200元</div>
            <button class="b-btn" full [navPush]="'BondlockingPage'">交保证金</button>
            <button class="b-btn margin-top-5" full>退还保证金到余额</button>
        </div>
    </div>
</div>